<template>
    <div class="active-dialog">
        <div class="top-buttons">
            <template v-for="(btn, index) in otherBtn">
                <tooltip-button :label="btn.transition_name" :content="btn.desc" @click="doSomething(btn)" :key="index"></tooltip-button>
            </template>
        </div>
<!--        <add-approver-list  :visible.sync="toAddVisible" v-if="toAddVisible" :data-list="approverDataList"></add-approver-list>-->
        <approver-list :visible.sync="approverInfo.visible" v-if="approverInfo.visible" @callback="approverInfo.callback" :data-list="approverInfo.dataList"  :showCheckbox="approverInfo.showCheckbox"></approver-list>
        <component :is="eventDialogInfo.component" v-if="eventDialogInfo.visible" @callback="eventDialogInfo.callback" :row="row" :visible.sync="eventDialogInfo.visible"></component>
        <suggestion-common-dialog  v-if="suggestionInfo.visible" :visible.sync="suggestionInfo.visible" v-model="suggestionInfo.msg" @callback="suggestionInfo.callback" :btn="currBtn"></suggestion-common-dialog>
    </div>
</template>
<script>
    import TooltipButton from "./TooltipButton";
    import ApproverList from "./ApproverList";
    import AddApproverList from "./AddApproverList";
    import ButtonHandle from "@/mixins/ButtonHandle.js"
    export default {
        name: "ActiveDialog",
        components: {AddApproverList, ApproverList,TooltipButton},
        mixins:[ButtonHandle],
        props:["otherBtn"],
        data() {
            return {
            };
        },
        created() {
        },
        watch:{
        },
        methods: {
        },
    };
</script>
<style lang="scss" scoped>
    .active-dialog{
        background: #eeeeee;
        position: absolute;
        top: 0px;
        z-index: 2000;
        right: 90px;
    }
    .top-buttons {
        margin: 20px 10px;
      display: flex;
    }
</style>
